<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,width=device-width, viewport-fit=cover">
    <link rel="shortcut icon " type="images/x-icon" href="./favicon.ico">
    <!-- <link rel="preload" href="https://ad-online-resources.oss-cn-shanghai.aliyuncs.com/aidong_mi/MiSans-Medium.otf" as="font" type="font/otf" crossorigin>
    <link rel="preload" href="https://ad-online-resources.oss-cn-shanghai.aliyuncs.com/aidong_mi/MiSans-Regular.otf" as="font" type="font/otf" crossorigin>
    <link rel="preload" href="https://ad-online-resources.oss-cn-shanghai.aliyuncs.com/aidong_mi/MiSans-Semibold.otf" as="font" type="font/otf" crossorigin> -->
    <!-- <link rel="preload" href="https://ad-online-resources.oss-cn-shanghai.aliyuncs.com/aidong_mi/MiSans-Normal.otf" as="font" type="font/otf" crossorigin>
    <link rel="preload" href="https://ad-online-resources.oss-cn-shanghai.aliyuncs.com/aidong_mi/MiSans-Demibold.otf" as="font" type="font/otf" crossorigin> -->

    <script>
      (function(){
        function setRem() {
          var rootElement = document.documentElement;
          var rootElementWidth = rootElement.getBoundingClientRect().width;
          rootElementWidth > 750 && (rootElementWidth = 750);
          var rem = rootElementWidth / 7.5;
          rootElement.style.fontSize = rem + "px";
        }
        setRem();
        var timer;
        window.addEventListener("resize", function(){
          timer && clearTimeout(timer);
          timer = setTimeout(setRem, 30);
        }, false);
      })();
    </script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
